<template>
  <div class="dib mr5 tip-style">
    <el-tooltip v-bind="$attrs" :placement="placement">
      <div slot="content" v-html="content"></div>
      <i class="el-icon-question" :style="iconStyle" :class="iconClass"></i>
    </el-tooltip>
  </div>
</template>

<script>
export default {
  name: 'Tip',
  props: {
    content: {
      type: String,
      default: ''
    },
    placement: {
      type: String,
      default: 'right'
    },
    iconStyle: {
      type: String,
      default: ''
    },
    iconClass: {
      type: String,
      default: ''
    }
  }
}
</script>
